<template>
	<view class= "brand">
		<!-- {{ num }} -->
		<view class="header"></view>
		<view class="data">
			<view class="describe" v-for = "item in num" :key = "item.id">
				<image :src="item.cover_img" mode=""></image>
				<text class = "gname">{{ item.gname }}</text>
				<text class = "descr">{{ item.descr }}</text>
			</view>
		</view>
	</view>
</template>

<script>
	import { http } from "../../utils/http.js"
	export default {
		props:["num"],
		data() {
			return {
				
			}
		},
		methods:{
			
		},
		onLoad(){
			
		},
		// onPullDownRefresh(){
			
		// }
	}
</script>

<style lang="scss">
	.brand{
		position:relative;
		.header{
			width:750rpx;
			height: 140rpx;
			background: #5D4E49;
			border-radius: 0 0 30px 30px;
			position:absolute;
			left:0;
			top:0
		}
		.describe{
			width:670rpx;
			height: 612rpx;
			margin-top:68rpx;
			margin:0 auto;
			margin-bottom:56rpx;
			border-radius:20rpx;
			image{
				display:block;
				width:100%;
				height: 426rpx;
				margin: 0 auto; 
				margin-bottom:56rpx;
				// border-radius: 20px;
			}
			.gname{
				display:block;
				text-align:center;
				font-weight:bolder;
				font-family: PingFangSC-Semibold;
				font-size: 32rpx;
				color: #3E3E3E;
				letter-spacing: 2.29rpx;
				margin-bottom:17rpx;
			}
			.descr{
				display:block;
				text-align:center;
				font-family: PingFangSC-Regular;
				font-size: 22rpx;
				color: #B1B1B1;
				letter-spacing: 1.57rpx;
			}
		}
	}
	
</style>
